<template>
    <div class="user">
        <h3>
            用户
        </h3>
        <el-button type="primary" @click="logout">注销</el-button>
        
  <el-button onclick="alert($)">外部资源调用</el-button>
    </div>
</template>
<script>
export default{
    // head(){//可以定义成一个函数

    // },
    head:{//如果没有什么需要处理的也可以定义为对象
        script:[
            {src:'https://code.jquery.com/jquery-3.6.0.min.js'}
        ]
    },
    middleware({store,route,redirect,params,query,req,res}){
     //context服务端上下文信息
    //组件独享守卫 前置业务
        //store 状态树上的信息
        //一条目标路由的信息
        //redirect方法做路由强制跳转
        //params ， query 校验参数合理性
    // console.log("middleware 已加载 users page  独享守卫前置业务");
    // redirect('/login');
    },
    methods:{
        logout(){
            //删除cookie 清空vuex状态树
             this.$cookies.remove('user');
            this.$store.commit('user/M_UPDATE_USER',{
                    err:1,
                    msg:'未登录',
                    token:'',
                    data:{}
            });
            this.$router.push('/login');
        }
    }
}
</script>